<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>Shakespeare's Plays</title>
    <link rel="stylesheet" href="css/interlacing.css">
</head>
<body>
    <h2>Shakespeare's Plays</h2>
    <table>
        <tr>
            <td>As You Like It</td>
            <td>Comedy</td>
            <td></td>
        </tr>
        <tr>
            <td>All's Well that Ends Well</td>
            <td>Comedy</td>
            <td>1601</td>
        </tr>
        <tr>
            <td>Hamlet</td>
            <td>Tragedy</td>
            <td>1604</td>
        </tr>
        <tr>
            <td>Macbeth</td>
            <td>Tragedy</td>
            <td>1606</td>
        </tr>
        <tr>
            <td>Romeo and Juliet</td>
            <td>Tragedy</td>
            <td>1595</td>
        </tr>
        <tr>
            <td>Henry IV, Part I</td>
            <td>History</td>
            <td>1596</td>
        </tr>
        <tr>
            <td>Henry V</td>
            <td>History</td>
            <td>1599</td>
        </tr>
    </table>
    <h2>Shakespeare's Plays</h2>
    <table>
        <tr>
            <td>The Fair Youth</td>
            <td>1-126</td>
        </tr>
        <tr>
            <td>The Dark Lady</td>
            <td>1-127</td>
        </tr>
        <tr>
            <td>The Dark Lady</td>
            <td>78-86</td>
        </tr>
    </table>
    <script src="../node_modules/jquery/dist/jquery.js"></script>
    <script src="js/interlacing.js"></script>
    <script src="js/exercise-2.js"></script>
    <script src="js/exercise-3.js"></script>
</body>
</html>